<!--
  To change this template, choose Tools | Templates
  and open the template in the editor.
-->

<%@ page contentType="text/html;charset=UTF-8" %>

<html>
  <head>
    <g:javascript library="jquery" plugin="jquery"/>
	<r:require module="jquery"/>
     <r:layoutResources />
  </head>
  <body>
    <div id="header">
      <img src="<g:createLinkTo dir='images' file='book3.png'/>" alt="logo" style="float: left;"/>
       Children's Books
    </div>
    
    <ul id="menu">
	<li> 
            <g:remoteLink action="ajaxRandom" update="displayBook"> Next Book </g:remoteLink>
	</li>
	<li> 
            <g:link action="list"> Admin
            </g:link>
	</li>		
   </ul>
    
    <div id="displayBook">
      <p><b>Title:</b> <q>${aBook.title}</q></p>
      <p><b>Author:</b> ${aBook.author}</p>
      <p style="margin-left:1.0in;text-indent:-.95in"><b>Description: </b>${aBook.description}</p>
      <p><b>ISBN:</b> ${aBook.ISBN}</p>
      <p><b>Minimum Grade Level:</b> ${aBook.minimumGradeLevel}</p>
      <p><b>Maximum Grade level:</b> ${aBook.maximumGradeLevel}</p>
      <p><b>Language:</b> ${aBook.language}</p>
      <p><b>Category:</b>  ${aBook.category}</p>
    </div>
    <r:layoutResources />
  </body>
</html>
